<script setup>
import { defineProps } from 'vue'
defineProps({
  color: {
    type: String,
    default: '#CCC',
  },
  width: {
    type: Number,
    default: 1,
  },
  padding: {
    type: Number,
    default: 3,
  },
})
</script>

<template>
  <div
    :style="{
      height: '12px',
      paddingLeft: `${padding}px`,
      paddingRight: `${padding * 2}px`,
      paddingTop: `${padding}px`,
    }"
  >
    <div
      class="line" :style="{
        height: '100%',
        width: `${width}px`,
        background: color,
      }"
    />
  </div>
</template>

<style scoped>
</style>
